第 11 屆 iThome 鐵人賽
分享至
在條件渲染中,還有一個元素v-show,它的用法跟v-if大同小異,因此不多做說明,在這裡主要要說明它們之間的差別。如果使用v-if來隱藏網頁內容,那網頁加載時瀏覽器便不會讀取欲隱藏之內容,通常以<!-- -->來取代,原有的程式碼,如下:但當v-if的條件滿足為true時,程式碼便會像v-show一樣顯示出來:而v-show後面也不會與v-else和v-if-else一起使用。明日預告:迴圈v-for
v-show
<!-- -->
true
v-else
v-if-else
IT邦幫忙